<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>辅助类</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<p class="text-muted">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="text-primary">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="text-success">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="text-info">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="text-warning">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="text-danger">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<hr>
		<p class="bg-primary">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="bg-success">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="bg-info">Fusce dapibus, tellus ac cursus commodo, tortor
			mauris nibh.</p>
		<p class="bg-warning">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<p class="bg-danger">Fusce dapibus, tellus ac cursus commodo,
			tortor mauris nibh.</p>
		<hr>
		<button type="button" class="close" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		<hr>
		<span class="caret"></span>
		<hr>
		<div class="center-block">人民</div>
		<hr>
		<div class="show">中华人民</div>
		<div class="hidden">共和国</div>
		<hr>
		<h1 class="text-hide">Custom heading</h1>
		<hr>
		<div class="pull-left">中国</div>
		<div class="pull-right">中华</div>
		
	</div>
	<script src="bootstrap/js/jquery-2.1.4.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>